<!-- eslint-disable vue/multi-word-component-names -->
//做一个诚实的人：todo添加那块看了眼作业，发现[...]没写this.list,剩余数字功能看了眼数组方法，筛选renderList没渲染出来，剩下全是自己写的，不在乎分数，只在乎人品。window自带的录屏切桌面会自己完成，所以会有很多录屏，最重要我不会用...
<template>
<div>
1.虚拟dom:描述真实dom属性和样式的JS对象
  diff算法:尽可能同级进行对比，根元素没有本质改变就进行属性替换和添加样式，根改变了就进行重构。默认用key进行比对，如果没有key就使用索引号进行对比，使用key对比能够提升性能。
2.v-model
  1
  <input type="text" v-model="msg">
  <input type="text" :value="msg" @input="$event.target.value">
  2
  <input type="text" v-model.lazy="msg">
  <input type="text" :value="msg" @change="$event.target.value">
  3
  <input type="checkbox" v-model="flag">
  <input type="checkbox" :checked="flag" @change="$event.target.checked">
3.v-bind :class 动态绑定属性
  v-on @click 获取事件
  v-model 数据和页面双向绑定
  v-for 遍历数据data
  v-if v-show 显示隐藏
  v-if v-else 条件语句
  v-ref 获取dom元素
  v-test v-html 修改内容
  comptents :is 动态组件
  剩下忘了
</div>
</template>
4.
<script>
export default {
  computed:{
    add:{
      get(){
        return
      },
      set(value){

      }
    }
  },
  watch:{
    deep:true,
    immediate:true,
    handler(newVal,oldVal){

    }
  }
}
</script>